﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>
		<style>
			div {
				width: 600px;
				position: fixed;
				top: 30%;
				left: 0px;
				right: 0px;
				bottom: 0px;
				margin: auto;
			}
		</style>
		<script>
			function Code() {
				document.getElementById("img").src = "randomCode?time=" + new Date().getTime();
			}
		</script>
	</head>

	<body style="background-color: skyblue">
		<div>
			<table border="1" width="100%" cellspacing="0">
				<tr>
					<th colspan="2" style="font-size: 25px;color: blue;">员工管理系统登录页面</th>
				</tr>
			</table>
			<form action="user/login" method="post">
				<table border="1" width="100%" cellspacing="0">
					<tr>
						<th>用户账号：</th>
						<td colspan="2"><input type="text" name="username"></td>
					</tr>
					<tr>
						<th>密码输入：</th>
						<td colspan="2"><input type="password" name="password"></td>
					</tr>
					<tr>
						<th>验证输入：</th>
						<td><input type="text" name="code"></td>
						<td><img src="randomCode" onclick="Code()" id="img"></td>
					</tr>
					<tr>
						<th>登陆信息：</th>
						<td colspan="2" style="color: red;font-weight: bold;">
							${msg}
						</td>
					</tr>
					<tr>
						<td colspan="3" style="text-align: center;"><input style="width: 100px;" type="submit" value="登陆"></td>
					</tr>
				</table>
			</form>
		</div>
	</body>

</html>